<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>搜索</title>
    <meta name="keywords" content="KEYWORDS..."/>
    <meta name="description" content="DESCRIPTION..."/>
    <meta name="author" content="DeathGhost"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name='apple-touch-fullscreen' content='yes'>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <link rel="icon" href="/1/images/icon/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="/1/css/style.css"/>
    <script src="/1/js/jquery.js"></script>
    <script>
        $(document).ready(function () {
            $(".searchHistory dd:last a").click(function () {
                var clear = confirm("确定清除搜索记录吗?");
                if (clear == true) {
                    $(this).parents(".searchHistory").find("dd").remove();
                }
            });
        });
    </script>
</head>
<body>
<!--header-->
<header>
    <a href="javascript:history.go(-1);" class="iconfont backIcon">&#60;</a>
    <h1>搜索</h1>
</header>
<div style="height:1rem;"></div>
<aside class="searchArea">
    <form action="/goods" id="search-form">
        <input type="text" name="name" id="name" placeholder="请输入商品名..."/>
        <input type="button" value="&#63;" class="searchBtn" onclick="searchGoods()" />
    </form>
</aside>
<!--<dl class="searchHistory">
 <dt>历史搜索</dt>
 <dd>
  <ul>
   <li><a href="/1/category.html">白菜</a></li>
   <li><a href="/1/category.html">菠菜</a></li>
   <li><a href="/1/category.html">醋</a></li>
   <li><a href="/1/category.html">东北大米</a></li>
  </ul>
 </dd>
 <dd>
  <a>清空历史记录</a>
 </dd>
</dl>-->
<script>
    function searchGoods() {
        if ($('#name').val())
            $('#search-form').submit()
    }
</script>
</body>
</html>
